<script lang="coffee">
> @3-/on:On

+ f

click = =>
  if document.fullscreenElement
    document.exitFullscreen()
  else
    document.body.requestFullscreen navigationUI:'hide'
  return

onMount =>
  On document,{
    fullscreenchange:=>
      f = document.fullscreenElement
      return
  }
</script>

<template lang="pug">
m-c(@click class:f=f title:>full)
</template>

<style lang="stylus">
m-c
  background-image url('./full.svg')

  &.f
    background-image url('./unfull.svg')
</style>

